<template>
    <div>
        <video class="w-full" :src="src" controls></video>
        {{this.videoId}}
    </div>
</template>

<script>
    export default {
        props: {videoId: {type: String, required: true}},
        data() {
            return {src: null}
        },
        created() {
            axios.get('/vod/play-info/' + this.videoId).then(res => {
                this.src = res.data.PlayInfoList.PlayInfo[0].PlayURL;
            })
        }
    }
</script>

<style scoped>

</style>